<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/index.js"></script>
</head>

<body>
    <header class="header">
        <button id="btn1" onclick="danchou()">消耗160原石</button>
        <button id="btn2" onclick="tenchou()">消耗1600原石</button>
    </header>
    <div class="new">
        <div class="money">
            <p>您还剩下<span id="money"></span>原石</p>
        </div>
        <div class="box">
            <button id="money1" onclick="getyuanshi98()">充值98元</button>
            <button id="money2" onclick="getyuanshi198()">充值198元</button>
            <button id="money3" onclick="getyuanshi328()">充值328元</button>
            <button id="money4" onclick="getyuanshi648()">充值648元</button>
        </div>
    </div>
    <div class="main">
        <div class="day">
            <h2>日常任务</h2>
            <ul>
                <li>邪恶的扩张
                    <button id="task1" onclick="gettask1()">接受任务</button>
                    <button id="attack1">攻击</button>
                    <div class="moster">
                        <img src="" alt="" id="qqr1">
                        <img src="" alt="" id="fas1">
                    </div>
                </li>


                <li>危险运输现象</li>
                <li>冰冰凉凉大危机！</li>
                <li>未来的骑士！艾琳</li>
            </ul>
        </div>
    </div>


    <script>
        var money1 = document.querySelector("#money1")
        var money2 = document.querySelector("#money2")
        var money3 = document.querySelector("#money3")
        var money4 = document.querySelector("#money4")
        var money = document.querySelector('#money');
        var btn1 = document.querySelector("#btn1")
        var btn2 = document.querySelector("#btn2")
        var task1 = document.querySelector("#task1")
        var qqr1 = document.querySelector('#qqr1')
        var fas1 = document.querySelector('#fas1')
        money.innerHTML = yuanshi;
    </script>
</body>

</html>